<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>服务协议 - {{ app_name }}</title>
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/fontawesome.min.css" rel="stylesheet">
    <link href="/static/css/style.css" rel="stylesheet">
    <link rel="icon" href="/static/favicon.ico" type="image/x-icon">
    <style>
        body {
            background-color: #f8f9fa;
            padding: 20px;
        }
        .container {
            max-width: 800px;
            margin: 0 auto;
            background-color: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .header {
            margin-bottom: 30px;
            text-align: center;
        }
        .section {
            margin-bottom: 20px;
        }
        .section-title {
            font-weight: bold;
            font-size: 1.2rem;
            margin-bottom: 10px;
            color: #343a40;
        }
        .back-link {
            margin-top: 30px;
            text-align: center;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1><i class="fas fa-gavel me-2"></i>服务协议</h1>
            <p class="text-muted">版本: 1.0.0</p>
        </div>

        <div class="section">
            <div class="section-title">1. 协议的接受</div>
            <p>欢迎使用我们的密码管理平台服务。本服务协议（以下简称"协议"）是您与我们之间关于使用我们提供的服务的法律协议。</p>
            <p>通过注册、使用我们的服务，您表示您已阅读、理解并同意接受本协议的全部条款和条件。如果您不同意本协议的任何部分，请不要使用我们的服务。</p>
        </div>

        <div class="section">
            <div class="section-title">2. 服务内容</div>
            <p>我们提供的服务包括但不限于：密码存储、密码生成、密码共享、密码修改、密码删除、密码找回、等功能。我们保留随时修改、暂停或终止部分或全部服务的权利，且不承担任何责任。</p>
        </div>

        <div class="section">
            <div class="section-title">3. 用户注册与账户安全</div>
            <p>您需要提供准确、完整的信息进行注册。您有责任维护您账户的安全性，包括但不限于密码和验证码。对于因您未能保管好账户信息而导致的任何损失，我们不承担责任。</p>
        </div>

        <div class="section">
            <div class="section-title">4. 用户的权利与义务</div>
            <p>您有权使用我们提供的服务，但需遵守以下规定：</p>
            <ul>
                <li>不得使用服务进行任何违法活动；</li>
                <li>不得利用服务侵犯他人的合法权益；</li>
                <li>不得干扰或破坏服务的正常运行；</li>
                <li>提供真实、准确的注册信息，并及时更新。</li>
            </ul>
        </div>

        <div class="section">
            <div class="section-title">5. 我们的权利与义务</div>
            <p>我们有权：</p>
            <ul>
                <li>在必要时修改服务条款；</li>
                <li>对违反协议的用户采取警告、限制或终止服务等措施；</li>
                <li>收集、使用和存储您的相关信息，但会严格遵守隐私政策。</li>
            </ul>
            <p>我们有义务：</p>
            <ul>
                <li>尽力维护服务的正常运行；</li>
                <li>保护您的信息安全；</li>
                <li>为您提供必要的技术支持。</li>
            </ul>
        </div>

        <div class="section">
            <div class="section-title">6. 知识产权</div>
            <p>我们提供的服务及相关内容（包括但不限于软件、文字、图像、音频、视频等）的知识产权归我们所有。您仅有权在本协议允许的范围内使用，不得擅自复制、修改、传播或用于其他商业目的。</p>
        </div>

        <div class="section">
            <div class="section-title">7. 免责声明</div>
            <p>我们不保证服务的绝对安全性、可靠性和不间断性。对于因使用或无法使用服务而导致的任何直接或间接损失，我们不承担责任。</p>
        </div>

        <div class="section">
            <div class="section-title">8. 协议的修改与终止</div>
            <p>我们有权随时修改本协议，并通过网站公告等方式通知您。修改后的协议自公布之日起生效。</p>
            <p>您可以随时终止使用我们的服务。我们也有权在您违反协议规定时终止服务，且不退还任何已支付的费用（如有）。</p>
        </div>

        <div class="section">
            <div class="section-title">9. 法律适用与争议解决</div>
            <p>本协议适用中华人民共和国法律。如发生争议，双方应协商解决；协商不成的，任何一方均有权向有管辖权的人民法院提起诉讼。</p>
        </div>

        <div class="back-link">
            <a href="/register" class="btn btn-primary"><i class="fas fa-arrow-left me-2"></i>返回注册</a>
        </div>
    </div>

    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/bootstrap.bundle.min.js"></script>
</body>
</html>